import React from 'react';


// Vue 通过 this.$emit() 实现数据子传父
//  this.$emit() 干了什么事？
//    1. 触发自定义事件对应的函数
//    2. 传递子组件的数据
//  如：this.$emit('onGetIndex', { index: 1} );


// 在 React 中，函数其实就是一个数据类型而已。

function Btn2(props) {
  const handleClick = () => {
    // 子组件接收到了父组件传递过来的函数
    props.onMyClick({ msg: '孩子的数据' });
    // this.$emit('onMyClick', msg: '孩子的数据' } );
  };
  return <button onClick={handleClick}>按钮2</button>;
}

class App extends React.Component {
  fatherHandle = (obj) => {
    console.log('老爸的事件处理函数运行了');
    console.log(obj);
  };

  render() {
    return <div>
      <Btn2 aaa="组件属性的数据" onMyClick={this.fatherHandle}></Btn2>
    </div>;
  }
}


export default App;
